<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="ID"
      width="180">
    </el-table-column>
    <el-table-column
      prop="title"
      label="title"
      width="180">
    </el-table-column>
    <el-table-column
      prop="author"
      label="author"
      width="180">
    </el-table-column>
    <el-table-column
      prop="copies"
      label="copies">
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          id: '1',
          title: 'Python编程',
          author: 'John Doe',
          copies: '4',
        }, {
          id: '2',
          title: '历史的秘密',
          author: 'Jane Smith',
          copies: '3',
        }, {
          id: '3',
          title: '宇宙探索',
          author: 'Emily Brown',
          copies: '2',
        }, {
          id: '4',
          title: '健康生活',
          author: 'Mike Johnson',
          copies: '5',
        }]
      }
    }
  }
</script>